<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <title>如何锻造一把锤子</title>
    <link rel="shortcut icon" href="logo.png" type="image/x-icon">
</head>

<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">
                <img src="logo.png" alt="" width="30" height="24" class="d-inline-block align-text-top">
                HDUDB</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="#">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://www.gzblog.tech/">我的博客</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                            data-bs-toggle="dropdown" aria-expanded="false">
                            目录
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <li><a class="dropdown-item" href="#">Action</a></li>
                            <li><a class="dropdown-item" href="#">Another action</a></li>
                            <li>
                                <hr class="dropdown-divider">
                            </li>
                            <li><a class="dropdown-item" href="#">Something else here</a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">登陆</a>
                    </li>
                </ul>
                <form class="d-flex" action="{% url 'lesson:search' %}" method="POST">
                    <input class="form-control me-2" type="search" placeholder="搜索课程和评论" aria-label="Search"
                        name="keywords">
                    <button class="btn btn-outline-success" type="submit">🔍</button>
                </form>
                <div class="d-grid d-md-flex justify-content-md-end m-2 ">
                    <a class="btn btn-primary" href="{% url 'lesson:createlesson' %}">创建课程</a>
                </div>
            </div>
        </div>
    </nav>

    <div class="m-3 justify-content-center">
        <div class="card border-success mb-3">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-start">
                    <h1 class="display-1">如何锻造一把锤子</h1>
                    <span class="badge bg-primary rounded-pill">荐</span>
                </div>
                <ul class="list-group">
                    <li class="list-group-item d-flex justify-content-between align-items-start">
                        <div class="ms-2 me-auto">
                            <div class="fw-bold">学分</div>
                            5
                        </div>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-start">
                        <div class="ms-2 me-auto">
                            <div class="fw-bold">考核方式</div>
                            学校组织
                        </div>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-start">
                        <div class="ms-2 me-auto">
                            <div class="fw-bold">课程性质</div>
                            通识必修
                        </div>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-start">
                        <div class="ms-2 me-auto">
                            <div class="fw-bold">任课教师</div>
                            luoyonghao
                        </div>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-start">
                        <div class="ms-2 me-auto">
                            <div class="fw-bold">起止周</div>
                            1~16
                        </div>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-start">
                        <div class="ms-2 me-auto">
                            <div class="fw-bold">开课学院</div>
                            电子信息学院（微电子学院）
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="row row-cols-1 row-cols-md-3 row-cols-lg-4 g-4 m-3">
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <h5 class="card-title">不点名,给分高,墙裂推荐!!!</h5>
                    <h6 class="card-subtitle mb-2 text-muted">沃兹基硕德 学期:1956-1 得分:98.0</h6>
                    <p class="card-text">在这门课程中，罗永浩老师将手把手教同学们锻造一把锤子。简单的说，将一个铁块切成合适的大小，并打一个洞，然后把锤子柄插进去这一段是我瞎编的。 </p>
                </div>
                <div class="list-group border-0" style="border-radius: 0; ">
                    <button type="button" class="list-group-item list-group-item-action"
                        style="border-left-width: 0; border-right-width: 0;text-align: center;">❤</button>
                </div>
                <div class="card-footer">
                    <small class="text-muted">Last updated 3 mins ago</small>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <h5 class="card-title">不点名,给分还行,挺推荐</h5>
                    <h6 class="card-subtitle mb-2 text-muted">沃兹基硕德 学期:1956-1 得分:98.0</h6>
                    <p class="card-text">在这门课程中，罗永浩老师将手把手教同学们锻造一把锤子。简单的说，将一个铁块切成合适的大小，并打一个洞，然后把锤子柄插进去这一段是我瞎编的。
                    </p>
                </div>
                <div class="card-footer">
                    <small class="text-muted">Last updated 3 mins ago</small>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <h5 class="card-title">不点名,给分一般,还行吧</h5>
                    <h6 class="card-subtitle mb-2 text-muted">沃兹基硕德 学期:1956-1 得分:98.0</h6>
                    <p class="card-text">
                        在这门课程中，罗永浩老师将手把手教同学们锻造一把锤子。简单的说，将一个铁块切成合适的大小，并打一个洞，然后把锤子柄插进去这一段是我瞎编的。 </p>
                </div>
                <div class="card-footer">
                    <small class="text-muted">Last updated 3 mins ago</small>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card h-100">
                <div class="card-body">
                    <h5 class="card-title">不点名,给分低,不推荐!!!</h5>
                    <h6 class="card-subtitle mb-2 text-muted">沃兹基硕德 学期:1956-1 得分:98.0</h6>
                    <p class="card-text">
                        在这门课程中，罗永浩老师将手把手教同学们锻造一把锤子。简单的说，将一个铁块切成合适的大小，并打一个洞，然后把锤子柄插进去这一段是我瞎编的。
                    </p>
                </div>
                <div class="card-footer">
                    <small class="text-muted">Last updated 3 mins ago</small>
                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous">
    </script>
</body>

</html>